$bgColor:#33363D;
@mixin textOneLine {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.movie-top {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    width: 750rpx;
    height: 88rpx;
    background-color: #33363D;
    color: #DFDFDF;
    padding: 0 40rpx;
    .city {
        width: 140rpx;
        opacity: 0.78;
        font-family: PingFangSC-Regular;
        font-size: 28rpx;
    }
    .tabbar-container {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50rpx;
        font-family: PingFangSC-Medium;
        font-size: 36rpx;
        color: #FFFFFF;
    }
    .search {
        width: 140rpx;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
}

// 定位位置
.address {
    margin-top: 112rpx;
    background-color: $bgColor;
    height: 60rpx;
    line-height: 60rpx;
    padding-left: 40rpx;
    @include textOneLine;
    opacity: 0.59;
    font-family: PingFangSC-Regular;
    font-size: 24rpx;
    color: #FFFFFF;
}
.cinema-list{
    margin-top: 10rpx;
    margin-left: 40rpx;
   .item{
        width: 670rpx;
        height: 292rpx;
        background-color: $bgColor;
        border-radius: 12rpx;
        box-sizing: border-box;
        padding: 10rpx;
        margin-bottom: 30rpx;
        .title-container{
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-family: PingFangSC-Medium;
            font-size: 28rpx;
            color: #FFFFFF;
            .title{
                color: #FFFFFF;
            }
            .price-container{
                font-size: 22rpx;
                .price{
                    color: #FBC34A;
                    font-size: 28rpx ;
                }    
                .qi{
                     opacity: 0.59;
                }
            }
        }
        .info{
            display: flex;
            justify-content: space-between;
            margin-top: 6rpx;
            opacity: 0.76;
            font-family: PingFangSC-Regular;
            font-size: 24rpx;
            color: #FFFFFF;
            .address-info{
                @include textOneLine;
            }
        }
        .extra-info{
            margin-top: 21rpx;
            opacity: 0.59;
            font-family: PingFangSC-Regular;
            font-size: 24rpx;
            color: #FFFFFF;
            &-item{
                margin-bottom: 23rpx;
                vertical-align: middle;
                .hui,.cu,.ka{
                    display: inline-block;
                    margin-right: 24rpx;
                    width: 36rpx;
                    height: 38rpx;
                    text-align: center;
                    line-height: 38rpx;
                    font-family: PingFangSC-Regular;
                    font-size: 20rpx;
                    color: #DFDFDF;
                    background-image: linear-gradient(135deg, #EB6E75 0%, #F7A653 100%);
                    border-radius: 12rpx;
                }
                .cu{
                    background-image: linear-gradient(135deg, #B0469D 0%, #6148AA 100%);
                }
                .ka{
                    background-image: linear-gradient(135deg, #322495 0%, #3138AC 100%);
                }
            }
        }
   }
}